<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

    </style>

    <link rel="stylesheet" href="../css/home_wy.css">
    <link rel="stylesheet" href="../lib/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../lib/bootstrap.css">
</head>
<body>
    <!--顶部选项-->
    <div class="header">

        <img src="../images/logo.png" alt="">

        <div><a href="home_wy.html">网站首页</a></div>
        <div><a href="#coursePlan">课程计划</a></div>
        <div><a href="#company">公司介绍</a></div>
        <div><a href="#team">团队介绍</a></div>
        <div><a href="#foot">联系我们</a></div>
        <div><a href="#" id="login">登录</a></div>

    </div>

    <!-- 内容部分 -->
    <div class="content">
        <!--登录窗口-->
        <div class="login_div" id="login_div">
            <div class="login_title">
                登录
            </div>
            <div class="login_form">
                <form action="">
                    <div class="login_item">
                        <div><img src="../images/yonghuming.png" alt=""></div>
                        <input type="text" placeholder="会员名/邮箱/手机号">
                    </div>

                    <div class="login_item">
                        <div><img src="../images/mima.png" alt=""></div>
                        <input type="text" placeholder="密码" >
                    </div>

                    <div class="login_psdItem ">
                        <input type="checkbox" name="" value="" id="rememberPsd">记住账号
                        <div>忘记密码</div>
                    </div>

                    <div class="login_item_loginBtn">
                        <input type="button" name="" value="登录" id="loginBtn">
                    </div>
                </form>
            </div>

        </div>
        <!--轮播图部分-->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../images/looper1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../images/looper2.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../images/looper3.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../images/looper4.jpg" alt="">
                </div>
            </div>

            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>


        <!-- 免费课程部分 -->
        <div class="content_div content_freeCourse content_freeCourse_team">
            <div class="contentTitle">免费课程</div>
            <div class="content_div_wrap">
                <div class="content_div_main mainLeft">
                    <div class="content_div_main_img">
                        <img src="../images/free1.png" alt="">
                        <div class="content_div_main_hoverText">视觉设计</div>
                    </div>
                    <span>网页设计</span>
                    <p>网页设计是根据企业希望向浏览者传递的信息（包括产品，服务，理念，文化），进行网站功能策划，然后进行的页面美化工作。</p>
                </div>
                <div class="content_div_main">
                    <div class="content_div_main_img">
                        <img src="../images/free2.jpg" alt="">
                        <div class="content_div_main_hoverText">视觉设计</div>
                    </div>
                    <span>网页设计</span>
                    <p>网页设计是根据企业希望向浏览者传递的信息（包括产品，服务，理念，文化），进行网站功能策划，然后进行的页面美化工作。
                </div>
                <div class="content_div_main">
                    <div class="content_div_main_img">
                        <img src="../images/free3.jpg" alt="">
                        <div class="content_div_main_hoverText">视觉设计</div>
                    </div>
                    <span>网页设计</span>
                    <p>网页设计是根据企业希望向浏览者传递的信息（包括产品，服务，理念，文化），进行网站功能策划，然后进行的页面美化工作。
                </div>
                <div class="content_div_main">
                    <div class="content_div_main_img">
                        <img src="../images/free4.jpg" alt="">
                        <div class="content_div_main_hoverText">视觉设计</div>
                    </div>
                    <span>网页设计</span>
                    <p>网页设计是根据企业希望向浏览者传递的信息（包括产品，服务，理念，文化），进行网站功能策划，然后进行的页面美化工作。
                </div>
            </div>
        </div>

        <!--课程计划部分-->
        <!-- 锚点 -->
        <a name="coursePlan"></a>
        <div class="content_div content_coursePlan">
            <div class="contentTitle">
                课程计划
            </div>
            <div class="content_div_wrap">

                <div class="course_all">
                    <div class="course_name">语文</div>
                    <div class="course_name">数学</div>
                    <div class="course_name">英语</div>
                    <div class="course_name">化学</div>
                </div>

                <div class="course_content">
                    <table>

                        <tr>
                            <th>时间</th>
                            <th>内容</th>
                        </tr>
                        <tr>
                            <td>2018-03-08</td>
                            <td>第一讲：百草园</td>
                        </tr>
                        <tr>
                            <td>2018-03-09</td>
                            <td>第一讲：百草园</td>
                        </tr>
                        <tr>
                            <td>2018-03-10</td>
                            <td>第一讲：百草园</td>
                        </tr>
                        <tr>
                            <td>2018-03-11</td>
                            <td>第一讲：百草园</td>
                        </tr>

                    </table>
                </div>
            </div>
        </div>

        <!-- 公司简介部分 -->
        <!-- 锚点 -->
        <a name="company"></a>
        <div class="content_div content_Company">
            <div class="contentTitle">
                公司简介
            </div>
            <div class="content_div_wrap">

                <div class="company">
                    <img src="../images/company-profile.png" alt="">
                </div>
                <p>
                    自2007年进入中国市场以来，备受孩子和家长的青睐，经过长达八年的努力，我们为中国不同年龄段的孩子创在于国际先进标准同步的教育体系。全球丰富的教育行业经验和优质上午产品资源，采取互动多媒体为教学手段，旨在为3-18岁的孩子提供纯正美式幼儿英语，儿童英语，少儿英语。在全浸入式英语环境中，激发孩子的英语学习兴趣，英语如母语般运用自如。
                </p>
            </div>
        </div>

        <!-- 团队介绍 -->
        <!-- 锚点 -->
        <a name="team"></a>
        <div class="content_div content_team content_freeCourse_team">

            <div class="contentTitle">
                团队介绍
            </div>
            <div class="content_div_wrap">
                <div class="content_div_main mainLeft">
                    <div class="content_div_main_img">
                        <img src="../images/team1.jpg" alt="">
                    </div>
                    <span>网页设计</span>
                    <p>网页设计是根据企业希望向浏览者传递的信息（包括产品，服务，理念，文化），进行网站功能策划，然后进行的页面美化工作。</p>
                </div>
                <div class="content_div_main">
                    <div class="content_div_main_img">
                        <img src="../images/team2.jpg" alt="">
                    </div>
                    <span>网页设计</span>
                    <p>网页设计是根据企业希望向浏览者传递的信息,网页设计是根据企业希望向浏览者传递的信息（包括产品，服务，理念，文化），进行网站功能策划，然后进行的页面美化工作。
                </div>
                <div class="content_div_main">
                    <div class="content_div_main_img">
                        <img src="../images/team3.jpg" alt="">
                    </div>
                    <span>网页设计</span>
                    <p>网页设计是根据企业希望向浏览者传递的信息（包括产品，服务，理念，文化），进行网站功能策划，然后进行的页面美化工作。
                </div>
                <div class="content_div_main">
                    <div class="content_div_main_img">
                        <img src="../images/team4.jpg" alt="">
                    </div>
                    <span>网页设计</span>
                    <p>网页设计是根据企业希望向浏览者传递的信息（包括产品，服务，理念，文化），进行网站功能策划，然后进行的页面美化工作。
                </div>
            </div>

        </div>

    </div>

    <!-- 底部部分 -->
    <!-- 锚点 -->
    <a name="foot"></a>
    <div class="footer">

        <div class="logo">
            <img src="../images/logo-white.png" alt="">
        </div>

        <div class="item">
            <span>网站首页</span>
            <span>课程计划</span>
            <span>公司简介</span>
            <span>团队介绍</span>
            <span>联系我们</span>
        </div>

        <div><span>©2019 博识学堂 版权所有</span></div>
    </div>
</body>
</html>
<script src="../lib/hotcss.js"></script>
<script src="../lib/swiper-3.4.2.min.js"></script>
<script src="../lib/bootstrap.js"></script>
<script src="../js/home_wy.js"></script>
<!--<script>-->
    <!--var mySwiper = new Swiper('.swiper-container', {-->
        <!--loop:"true",-->
        <!--autoplay: 5000,//可选选项，自动滑动-->
        <!--direction: "horizontal",-->
        <!--// effect: "cube",-->

        <!--// 如果需要分页器-->
        <!--pagination: '.swiper-pagination',-->

    <!--})-->
<!--</script>*/-->
